<template>
  <div>
    <div class="shop_s">
      <div
        class="shop_1"
        style="background-color: #e777a0"
        @click="$router.push('/activity/premium-selection')"
      >
        <div>
          <span>精品优选</span>
          <span>买二送一</span>
        </div>
        <img src="https://img2.baidu.com/it/u=3375190527,1391341639&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500" alt="" />
      </div>
      <div
        class="shop_1"
        style="background-color: #73a6d9"
        @click="$router.push('/activity/couple-special-session')"
      >
        <div>
          <span>情侣专场</span>
          <span>满60减10</span>
        </div>
        <img src="https://img2.baidu.com/it/u=98633983,1762611696&fm=253&fmt=auto&app=138&f=JPEG?w=525&h=350" alt="" />
      </div>
      <div
        class="shop_1"
        style="background-color: orange"
        @click="$router.push('/activity/classic-taste')"
      >
        <div>
          <span>口味经典</span>
          <span>物美价廉</span>
        </div>
        <img src="https://img2.baidu.com/it/u=1558981794,747768319&fm=253&fmt=auto&app=120&f=JPEG?w=525&h=350" alt="" />
      </div>
      <div
        class="shop_1"
        style="background-color: #ac7bb4"
        @click="$router.push('/activity/flash-sale')"
      >
        <div>
          <span>限时特卖</span>
          <span>碗大量多</span>
        </div>
        <img src="https://img2.baidu.com/it/u=1558981794,747768319&fm=253&fmt=auto&app=120&f=JPEG?w=525&h=350" alt="" />
      </div>
    </div>
  </div>
</template>

<script setup>

</script>

<style scoped>
.shop_s {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.shop_1 {
  /* box-sizing: border-box; */
  width: calc((100% - 2 * 5px - 2 * 10px) / 2);
  height: 100px;
  margin: 10px 5px;
  border-radius: 10px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;

}
.shop_1 div {
  width: 60px;
}
.shop_1 div span {
  display: inline-block;
  color: #fff;
}
.shop_1 img {
  display: block;
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 5px;
}
</style>